<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    // 业务：1.允许 添加学员 名字
    //      2.允许 打印 所有学员名字
    // 思路：
    //      1.准备一个 空数组，用来保存学员 名字
    //      2.提示 用户选择 操作 （新增/显示 学员列表）
    //a.准备 学员名字 数组
    var arrNames = ['小真真', '小白白', '小胖胖']; // 学员姓名数组

    //b.循环 提示 用户 选择 操作
    while (true) {
      var opt = prompt('请选择您的操作：\n1.新增学员\n2.显示学员列表\n3.退出：');
      if (opt == 1) {
        addStu();
      } else if (opt == 2) {
        showStu();
      } else {
        alert('欢迎您下次光临~~！')
        break;// 退出 循环
      }
    }

    //1.新增学员 
    function addStu() {
      //1.1 获取学员名字
      var stuName = prompt('请输入 要新增的 学员名字：');
      //1.2 将 名字 追加到数组中
      arrNames.push(stuName);
      alert('恭喜您：新增【' + stuName + '】成功啦~~~'); //1.3 显示操作结果
    }

    //2.显示学员列表
    function showStu() {
      var str = '';
      //2.1 遍历 学员数组
      for (var i = 0; i < arrNames.length; i++) {
        str += arrNames[i] + '\n';
      }
      alert(str);
    }
  </script>
</body>

</html>